<section id="content">
	<section class="container_12 clearfix">
		<section id="main" class="grid_9 push_3">
			<article>
				<h1>Photo Gallery</h1>
				<ul class="photos sortable">
					<li>
						<img src="/images/photos/photo_01.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_02.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_03.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_04.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_05.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_06.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_07.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_08.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_09.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_10.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_11.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_12.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_13.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_14.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_15.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_16.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_17.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_18.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_19.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
					<li>
						<img src="/images/photos/photo_20.jpg" width="100" height="100" />
						<div class="links">
							<a href="/images/photos/detail-photo.jpg" rel="facebox">View</a>
							<a class="delete" href="#">Delete</a>
						</div>
					</li>
				</ul>
				<div class="pagination">
					<a href="#" class="current">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">Next</a>
				</div>
			</article>
			
			<article>
				<h1>Photo Detail</h1>
				<form>
					<dl>
						<dt><label>Photo:</label></dt>
						<dd><img src="/images/photos/detail-photo.jpg" /></dd>

						<dt><label for="photo_title">Title:</label></dt>
						<dd><input type="text" name="title" id="photo_title" class="medium" /></dd>

						<dt><label for="photo_desc">Description:</label></dt>
						<dd><textarea name="description" id="photo_desc" class="medium" rows="5">This is description</textarea></dd>
					</dl>
					<button class="button">Save</button>
					<button class="button white">Cancel</button>
				</form>
			</article>
			
			<article>
				<h1>Upload</h1>
				<form class="uniform">
					<dl>
						<dt><label for="photo_file">Photo File:</label></dt>
						<dd><input type="file" id="photo_file" /></dd>

						<dt><label for="photo_title2">Title:</label></dt>
						<dd><input type="text" name="title" id="photo_title2" class="medium" /></dd>

						<dt><label for="photo_desc2">Description:</label></dt>
						<dd><textarea name="description" id="photo_desc2" class="medium" rows="5"></textarea></dd>
					</dl>
					<button class="button">Upload</button>
					<button class="button white">Cancel</button>
				</form>
			</article>
		</section>
		
		<aside id="sidebar" class="grid_3 pull_9">
			<div class="box search">
				<form>
					<label for="s">Search:</label>
					<input id="s" type="text" size="20" />
					<button class="button small">Go</button>
				</form>
			</div>
			<div class="box menu">
				<h2>Side Menu</h2>
				<section>
					<ul>
						<li><a href="#">Menu Item 1</a></li>
						<li><a href="#">Menu Item 2</a></li>
						<li><a href="#">Menu Item 3</a></li>
						<li><a href="#">Menu Item 4</a></li>
						<li><a href="#">Menu Item 5</a>
							<ul>
								<li><a href="#">Menu Item 5.1</a></li>
								<li><a href="#">Menu Item 5.2</a>
									<ul>
										<li><a href="#">Menu Item 5.2.1</a></li>
										<li><a href="#">Menu Item 5.2.2</a></li>
									</ul>
								</li>
								<li><a href="#">Menu Item 5.3</a></li>
							</ul>
						</li>
						<li><a href="#">Menu Item 6</a></li>
					</ul>
				</section>
			</div>
			<div class="box info">
				<h2>Info</h2>
				<section>
					Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
				</section>
			</div>
			<div class="box">
				<h2>Lorem Ipsum</h2>
				<section>
					Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
				</section>
			</div>
		</aside>
	</section>
</section>